<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
		<div>数据显示：</div>
		<div id="receiveMsg" style="background-color: aqua;"></div>
	
		<script type="application/javascript">
			
			window.CHAT = {
				socket: null,
				init: function() {
					if (window.WebSocket) {
						CHAT.socket = new WebSocket("ws://192.168.0.120:8088/ws");
						CHAT.socket.onopen = function() {
							console.log("连接建立成功...");
						},
						CHAT.socket.onclose = function() {
							console.log("连接关闭...");
						},
						CHAT.socket.onerror = function() {
							console.log("发生错误...");
						},
						CHAT.socket.onmessage = function(e) {
							console.log("接收到消息：" + e.data);
							var receiveMsg = document.getElementById("receiveMsg");
							// var html = receiveMsg.innerHTML;
							// receiveMsg.innerHTML = html + "<br/>" + e.data;
							receiveMsg.innerHTML = e.data;
						}
					} else {
						alert("浏览器不支持websocket协议...");
					}
				}
			};
			
			CHAT.init();
			
		</script>
	</body>
</html>
